$(document).ready(function () {
    //初始化
    //获得地址栏的special的值
    initList();
});

function initList() {
    let special = getUrlString("special");
    let query="all";
    let obj = new Object();
    obj.m="getMerchantListBySpecial";
    obj.special=special;
    obj.query=query;
    $.ajax({
        //请求方式： 同步 false 异步 true
        async:true,
        //请求方式
        type:"POST",
        //Ajax请求设置xhrFields的withCredentials为true实现跨域访问
        xhrFields:{
            withCredentials:true
        },
        //请求地址
        url:basePath2+"/api/merchandise",
        //数据 ,json字符串
        //返回值的类型
        dataType:"json",
        data:obj,
        //请求成功
        success:function (result) {
            console.log(result);
            makeView(result);
        },
        //请求失败
        error:function (e) {
            console.log(e.status);
            console.log(e.responseText);
        }
    });
}

function makeView(result) {
    $("table").html("");
    //设计表头
    let tr_header = $("<tr></tr>").addClass("bg");
    let tr_header_th1 = $("<th></th>").addClass("merchantTd").text("商品图片");
    let tr_header_th2 = $("<th></th>").text("商品基本信息");
    let tr_header_th3 = $("<th></th>").addClass("description").text("商品描述");
    let tr_header_th4 = $("<th></th>").text("基本操作");
    //加入到头里
    tr_header.append(tr_header_th1,tr_header_th2,tr_header_th3,tr_header_th4);
    //加入到table里
    $("table").append(tr_header);
    //遍历json数组
    $.each(result,function(index,element) {
        let tr = $("<tr></tr>");
        let td1 = $("<td></td>").html("<img src=\"/resources"+element.picture+"\" class=\"merchantImg\">");
        let td2 = $("<td></td>");
        let td2_p1 = $("<p></p>").html("<a href='#id='"+element.id+">"+element.merName+"</a>");
        let td2_p2 = $("<p></p>").html("市场价：￥"+element.price);
        let td2_p3 = null;
        if (element.special==1){
            td2_p3 = $("<p></p>").html("特价：￥"+element.sprice);
        }
        let td2_p4 = $("<p></p>").html("生产厂家："+element.manufacturer);
        td2.append(td2_p1,td2_p2,td2_p3,td2_p4);
        let td3 = $("<td></td>").text(element.merDesc);
        let td4 = $("<td></td>");
        let td4_img1 = $("<img>").attr("src","/resources/images/icon_car.gif");
        let td4_br = $("<br>");
        td4_img1.click(detail(element.id));
        let td4_img2 = $("<img>").attr("src","/resources/images/icon_buy.gif");
        td4_img2.click(buy(element.id));
        td4.append(td4_img1,td4_br,td4_img2);
        //加入tr
        tr.append(td1,td2,td3,td4);
        //把tr加入到table里
        $("table").append(tr);
        //加一个尾部
        let tr_footer = $("<tr></tr>").addClass("trHr");
        let td_footer = $("<td></td>").attr("colspan",4);
        tr_footer.append(td_footer);
        $("table").append(tr_footer);

    });
}
function detail(id){

}
function buy(id){

}